<script lang="ts" setup>
const props = withDefaults(defineProps<{
  text?: string
  height?: string
}>(), {
  text: '点击添加',
  height: '120rpx',
})
const emit = defineEmits(['click'])
</script>

<template>
  <view class="wrapper flex-row-center-center" :style="`height:${props.height}`" @click="emit('click')">
    <wd-icon name="add" size="16px" />
    <text>{{ props.text }}</text>
  </view>
</template>

<style lang="scss" scoped>
  .wrapper {
    border: 1px dashed #5aab80;
    border-radius: 16rpx;
    font-size: 28rpx;
    color: #33AD7C;
  }
</style>
